<template>
  <div id="box">
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: "App",
    data() {
      return {};
    },
    created() {
      let loading = document.getElementById('preloader');
      if (loading !== null) {
        document.body.removeChild(loading);
      }
    },
    mounted() {
    },
    methods: {
    },
    computed: {},
    components: {}
  };
</script>

<style>
  html,
  body {
    padding: 0px;
    margin: 0px;
    font-family: microsoft yahei, tahoma, arial;
    overflow: hidden;
    background-color: #fff;
  }

  div {
    cursor: pointer;
  }

  input,
  button {
    border: none;
  }

  #box {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
  }

  button {
    border: 0;
    background-color: transparent;
    outline: none;
  }

  ::-webkit-scrollbar {
    width: 8px;
    height: 12px;
    z-index: 10;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #3788EE;
    z-index: 10;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #ebeef0;
    border-radius: 8px;
    z-index: 10;
  }

  .el-loading-mask {
    z-index: 10000 !important;
  }
</style>